// 导入 Vue 的 createApp 函数，用于创建 Vue 应用实例
import { createApp } from "vue";
// 导入应用的主组件 App.vue
import App from "./App.vue";

// 导入 ElementPlus UI 库和其样式文件，用于增强用户体验
import ElementPlus from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import "element-plus/dist/index.css";
// 导入项目的自定义样式文件
import "./styles/index.scss";

// 导入 Pinia 的 createPinia 函数，用于创建状态管理实例
import { createPinia } from "pinia";
// 导入路由配置，用于管理应用的路由
import router from "./router";
import "@/permission";

// 创建 Vue 应用实例
const app = createApp(App);

app.use(ElementPlus, {
  locale: zhCn,
});

// 使用 ElementPlus 插件，集成 ElementPlus 组件和样式
app.use(ElementPlus);
// 使用 Pinia 插件，集成 Pinia 状态管理
app.use(createPinia());
// 使用路由插件，集成路由配置
app.use(router);

// 将应用实例挂载到 HTML 中的 #app 元素上
app.mount("#app");
